<template>
    <div class="activity-detail">
      <img src="/static/img/gift.png" alt="">
    </div>
</template>

<script>
    export default {
        name: "detail",
      data(){
          return{
          }
      }
    }
</script>

<style scoped>
  .activity-detail{
    padding: 0 30rpx;
  }
  .activity-detail>img{
    width: 100%;
  }
  .activity-detail-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 39rpx 0 30rpx;
    border-bottom: 1rpx solid #EEEEEE;
  }
  .activity-detail-title>p:first-child{
    font-size: 32rpx;
    color: #323232;
    font-weight: bold;
    width: 65%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .activity-detail-title>p:last-child{
    font-size: 24rpx;
    color: #EF5A56;
    font-weight: bold;
    line-height: 20rpx;
  }
  .activity-detail-content>p{
    font-weight: bold;
    font-size: 24rpx;
    line-height: 30rpx;
  }
  .activity-detail-content>p:first-child{
    font-size: 26rpx;
    color: #323232;
    margin-top: 19rpx;
    margin-bottom: 28rpx;
  }
  .activity-detail-content>p:last-child{
    color: #EF5E56;
  }
  .activity-detail-footer{
    height: 90rpx;
    width: 100%;
    border-top: 2rpx solid #eeeeee;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .activity-detail-footer>p{
    width: 298rpx;
    height: 98rpx;
    background-color: #EF5A56;
    text-align: center;
    line-height: 98rpx;
    position: absolute;
    left: 50%;
    margin-left: -149rpx;
    margin-top: -10rpx;
    color: #FFFFFF;
    font-size: 34rpx;
  }
</style>
